<template>
	<view>
		<uni-list>
			<uni-list-item
			    title="是否使用定位"
				:show-extra-icon="true"
				:extra-icon="{color: '#c1d9c6',size: '22',type: 'chatboxes'}">
				<template v-slot:footer style="margin: 0;">
					<view style="align-items: center;">
						<switch checked="baseSetting.isGps" ></switch>
					</view>
				</template>
			</uni-list-item>
			<uni-list-item
			    title="定位频率(秒)"
				:show-extra-icon="true"
				:extra-icon="{color: '#c1d9c6',size: '22',type: 'chatboxes'}">
				<template v-slot:footer style="margin: 0;">
					<view style="align-items: center;">
						<uni-number-box  :value="baseSetting.gpsRate" />
					</view>
				</template>
			</uni-list-item>
			<uni-list-item
			    title="定位组数"
				:show-extra-icon="true"
				:extra-icon="{color: '#c1d9c6',size: '22',type: 'chatboxes'}">
				<template v-slot:footer style="margin: 0;">
					<view style="align-items: center;">
						<uni-number-box  :value="baseSetting.gpsGroup" />
					</view>
				</template>
			</uni-list-item>
			<uni-list-item
			    title="是否使用nfc"
				:show-extra-icon="true"
				:extra-icon="{color: '#c1d9c6',size: '22',type: 'chatboxes'}">
				<template v-slot:footer style="margin: 0;">
					<view style="align-items: center;">
						<switch checked="baseSetting.isGps" ></switch>
					</view>
				</template>
			</uni-list-item>
			<uni-list-item
			    title="是否使用快语音"
				:show-extra-icon="true"
				:extra-icon="{color: '#c1d9c6',size: '22',type: 'chatboxes'}">
				<template v-slot:footer style="margin: 0;">
					<view style="align-items: center;">
						<switch checked="baseSetting.isGps" ></switch>
					</view>
				</template>
			</uni-list-item>
			<uni-list-item
			    title="播报间隔"
				:show-extra-icon="true"
				:extra-icon="{color: '#c1d9c6',size: '22',type: 'chatboxes'}">
				<template v-slot:footer style="margin: 0;">
					<view style="align-items: center;">
						<uni-number-box  :value="baseSetting.qvInterval" />
					</view>
				</template>
			</uni-list-item>
			<uni-list-item
			    title="播报组数"
				:show-extra-icon="true"
				:extra-icon="{color: '#c1d9c6',size: '22',type: 'chatboxes'}">
				<template v-slot:footer style="margin: 0;">
					<view style="align-items: center;">
						<uni-number-box  :value="baseSetting.qvGroup" />
					</view>
				</template>
			</uni-list-item>
		</uni-list>
		<button @click="change()">修改上述值为123</button>
	</view>
</template>

<script>
	import {
		mapState,
		mapMutations
	} from 'vuex'
	export default {
		data() {
			return {
				gd:{}
			}
		},
		computed: {
			...mapState(['baseSetting'])
		},
		methods: {
			...mapMutations(['setting']),
			change(){
				this.changeInfo("1234")
			}
		},
	}
</script>

<style>
.button {
	margin: 30rpx;
	color: #007AFF;
}
.text{
	margin-left: 30rpx;
}
</style>